<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link type="text/css" rel="stylesheet" href="css/core.css" />
		<link type="text/css" rel="stylesheet" href="js/easyui/themes/default/easyui.css" />
		<link type="text/css" rel="stylesheet" href="js/easyui/themes/icon.css" />
	   	<link type="text/css" rel="stylesheet" href="js/easyui/demo/demo.css" />
	   	<script type="text/javascript" src="js/easyui/jquery.min.js"></script>
	    <script type="text/javascript" src="js/easyui/jquery.easyui.min.js"></script>
	    <script type="text/javascript" src="js/jquery-1.12.3.min.js"></script>
	</head>
	<body>
		<div class="easyui-panel" style="padding:5px;border: 0px;">
			<ul id="tt" class="easyui-tree" data-options="url:'data/tree_data.json',method:'get',animate:true,checkbox:true"></ul>
	    </div>
	<script type="text/javascript">
		function getChecked(){
			var nodes=$('#tt').tree('getChecked');
			var s='';
			for(var i=0; i<nodes.length; i++){
				if (s!='') s+=',';
				s+=nodes[i].text;
			}
			alert(s);
		}
	</script>
	</body>
</html>